<!DOCTYPE html>
<html lang="zh-cn">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="shortcut icon" href="../../docs-assets/ico/favicon.png">
    <!-- Bootstrap core CSS -->
    <link href="../css/smoothness/jquery-ui-1.10.4.custom.min.css" rel="stylesheet">
    <link href="../css/main.css" rel="stylesheet">
    <script src="../js/jquery-1.10.2.js"></script>
    <script src="../js/jquery-ui-1.10.4.custom.min.js"></script>
      <style>
  #draggable, #draggable2 { width: 700px; height: 300px; padding: 0.5em; float: left; margin: 0 10px 10px 0; }
  </style>
  <script>
  $(function() {
    $( "#draggable" ).draggable({ scroll: true });
    $( "#draggable2" ).draggable({ scroll: true, scrollSensitivity: 100 });
  });
  </script>
  </head>
  <body> 
        <div id="draggable" class="ui-widget-content">
          <table width="100%">
              <tr>
                  <td align="left"><big><b>最新通知</b></big></td>
                  
              </tr>
              <tr>
                  <td>
                     <a href="#">长生桥垃圾处理厂安全检查活动</a><br><br>
                     <a href="#">长生桥垃圾处理厂展开游戏职工评选活动</a><br><br>
                  </td>
              </tr>
          </table>
        </div>

        <div id="draggable2" class="ui-widget-content">
          <table width="100%">
              <tr>
                  <td align="left"><big><b>等待处理事项</b></big></td>
                  <td align="right"></td>
              </tr>
              <tr>
                  <td colspan="2">
                     <a href="#">您有一条申请被批准</a><br><br>
                     <a href="#">有一条用车申请等待您批准</a><br><br>
                  </td>
              </tr>
          </table>
        </div>

        <div style="height: 700px; width: 1px;"></div>
  </body>
</html>